<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>DOM文档对象模型</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>
	<body>
		<div class="web">
			<h1>DOM文档对象模型</h1>
			<hr />
			<h2>DOM</h2>
			<p>每个载入浏览器的静态HTML页面就是Document文档</p>
			<p>Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。</p>
			<p>介绍了document的三种节点类型(通过document.querySelector找到元素节点,改变属性/样式,改变文本内容innerHTML/innerText)</p>
			<p>除了基本的三种节点类型的介绍外,对document对象以及元素对象element对象其他方法的介绍,包括createElement,appendChild,clientHeigh,scrollTop</p>
			<p>介绍事件</p>
			<p>介绍事件对象</p>
			<p></p>
		</div>
		<script type="text/javascript">
			//console.log(navigator.userAgent);
		</script>
	</body>
</html>
